<!DOCTYPE html>
<html>
<head>
    <link rel="icon"
          type="image/x-icon"
          href="favicon.ico">
    <meta charset="utf-8">
    <!--<meta name="description" content="Procedural Incremental Game"/>-->
    <title>CLICKPOCALYPSE</title>
    <link rel="stylesheet" type="text/css" href="clickpocalypse-ver=20140713.css">
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ganal');

        ganal('create', 'UA-41541662-1', 'minmaxia.com');
        ganal('send', 'pageview');
    </script>
</head>
<body>

<div class="outerContainer">
<div class="mainTitle">C L I C K P O C A L Y P S E</div>

<table>
<tr>
<!-- Left side of the screen. -->
<td style="vertical-align: top; min-width:570px;">
<div class="tabMenu">
    <ul>
        <li id="mainTab" class="selectedTab"><a href="index.html#" onclick="Game.displayEncounterTab(); return false;">Game</a></li>
        <li id="machinePartsTab" style="display:none;"><a href="index.html#" onclick="Game.displayMachinePartsTab(); return false;">Parts</a></li>
        <li id="artifactsTab" style="display:none;"><a href="index.html#" onclick="Game.displayArtifactsTab(); return false;">Artifacts</a></li>
        <li id="questsTab" style="display:none;"><a href="index.html#" onclick="Game.displayQuestsTab(); return false;">Quests</a></li>
        <li id="defeatedBossesTab" style="display:none;"><a href="index.html#" onclick="Game.displayDefeatedBossesTab(); return false;">Bosses</a></li>
        <li id="championsTab" style="display:none;"><a href="index.html#" onclick="Game.displayChampionsTab(); return false;">Champs</a></li>
        <li id="partyManagementTab"><a href="index.html#" onclick="Game.displayManagementTab(); return false;">Mgmt</a></li>
        <li id="versionTab"><a href="index.html#" onclick="Game.displayVersionTab(); return false;">Info</a></li>
    </ul>
</div>

<div class="tabContent">
<div id="mainTabContainer" style="padding:0;margin:0">
    <div id="dungeon_container" class="sectionDiv" style="padding-bottom:10px;"></div>

    <div id="boss_lair_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="encounterContainer" class="sectionDiv" style="padding-bottom:10px;">
        <div class="sectionTitle">An Encounter!</div>

        <div id="encounter_name" class="monsterName"></div>
        <div id="boss_job_title_storyline" class="bossJobTitleStoryline" style="display:none;"></div>
        <div id="boss_job_title_non_storyline" class="bossJobTitle" style="display:none;"></div>
        <div id="boss_encounter_name" class="bossMonsterName" style="display:none;"></div>

        <div class="combatProgressBar">
            <div id="encounter_progress" class="combatProgressPercentage" style="width:34%;"></div>
        </div>

        <div style="text-align:center;margin:0;">
            <!-- invoke 'preventDefault' to remove the enter key bug. -->
            <a href="index.html#" class="attackButton" onkeypress="if (event.preventDefault) {event.preventDefault();}" onclick="Game.onAttackButtonPress(); return false;"
               title="Clicking ATTACK kills enemies.">ATTACK</a>
        </div>
    </div>

    <div id="machine_part_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="treasure_chest_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="artifact_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="quest_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="quest_complete_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div id="encountered_character_container" class="sectionDiv" style="padding-bottom:10px;display:none;"></div>

    <div class="sectionDiv">
        <div id="item_drop_container"></div>
        <div id="item_cache_container"></div>
    </div>
</div>

<div id="machinePartsTabContainer" class="sectionDiv" style="display:none;"></div>
<div id="artifactsTabContainer" class="sectionDiv" style="display:none;">
    <div id="artifact_effects_container"></div>
    <div id="artifact_collection_container"></div>
</div>
<div id="questsTabContainer" class="sectionDiv" style="display:none;">
    <div id="active_quests_container"></div>
    <div id="completed_quests_container"></div>
</div>
<div id="defeatedBossesTabContainer" class="sectionDiv" style="display:none;"></div>
<div id="championsTabContainer" class="sectionDiv" style="display:none;">
    <div id="prestige_info_container"></div>
    <div id="champions_table_container"></div>
</div>
<div id="partyManagementTabContainer" class="sectionDiv" style="display:none;">
    <div id="party_management_container" class="sectionDiv" style="padding-bottom:10px;"></div>
</div>

<div id="versionTabContainer" style="padding:0;margin:0;display:none;">
<div id="saveContainer" class="sectionDiv" style="padding-bottom:10px;">
    <div class="sectionTitle">Saves</div>

    <div class="saveButtonContainer">
        <a href="index.html#" class="saveButton" style="float:left;" onclick="Game.onSaveGameButtonPress(); return false;"
           title="Saves your current progress. This happen automatically.">Save Game</a>

        <div id="lastSaveDiv" class="buttonNoteDiv">Last Saved at: Never</div>
    </div>

    <div id="firstResetButtonContainer" class="saveButtonContainer">
        <a href="index.html#" class="saveButton" style="float:left;"
           onclick="Game.onFirstResetGameButtonPress(); return false;"
           title="Starts the game over completely. No bonuses. Level 1 with no gold.">Reset Game</a>

        <div class="buttonNoteDiv">Start over from the beginning (this does not delete 'prestige' data).</div>
    </div>
    <div id="resetConfirmContainer" class="exportImportSaveContainer" style="margin-bottom:5px;">
        <div>Are you sure you want to lose all your progress and start over?</div>
        <div>This is a hard reset with no bonus and no reward.</div>
        <div>Note: This will not reset any prestige data (if applicable).</div>

        <a href="index.html#" class="saveButton" style="margin-top:5px; float:left;"
           onclick="Game.onResetGameButtonPress(); return false;"
           title="Starts the game over completely. No bonuses. Level 1 with no gold.">Reset Game</a>

        <a href="index.html#" class="saveButton" style="margin-top:5px; margin-left:5px; float:left;"
           onclick="Game.onResetCloseButtonPress(); return false;">Close
        </a>
    </div>

    <div id="firstDeleteSaveButtonContainer" class="saveButtonContainer">
        <a href="index.html#" class="saveButton" style="float:left;"
           onclick="Game.onFirstDeleteSaveButtonPress(); return false;"
           title="This will completely wipe out all of your progress and start you over from the beginning.">Delete Save</a>

        <div class="buttonNoteDiv">Deletes all your progress, including 'prestige' data.</div>
    </div>
    <div id="deleteSaveConfirmContainer" class="exportImportSaveContainer" style="margin-bottom:5px;">
        <div>This will delete all of your progress including any 'prestige' (champions) data.</div>
        <div style="font-weight:bold;">It is recommended that you export your save before doing this.</div>

        <a href="index.html#" class="saveButton" style="margin-top:5px; float:left;"
           onclick="Game.onDeleteSaveButtonPress(); return false;"
           title="Starts the game over completely.">Delete Save</a>

        <a href="index.html#" class="saveButton" style="margin-top:5px; margin-left:5px; float:left;"
           onclick="Game.onDeleteCloseButtonPress(); return false;">Close
        </a>
    </div>

    <div class="saveButtonContainer">
        <a href="index.html#" id="exportSaveButton" class="saveButton"
           onclick="Game.onExportSaveButtonPress(); return false;"
           title="Lets you copy your progress to the clipboard.">Export Save</a>
    </div>
    <div id="exportSaveContainer" class="exportImportSaveContainer">
        <label for="exportSaveInput">Copy/Paste to Export:</label>
        <input id="exportSaveInput" style="width:450px;margin-top:5px;" type="text">

        <div>
            <a href="index.html#" class="saveButton" style="margin-top:5px;"
               onclick="Game.onExportCloseButtonPress(); return false;">Close
            </a>
        </div>
    </div>

    <div class="saveButtonContainer">
        <a href="index.html#" id="importSaveButton" class="saveButton"
           onclick="Game.onImportSaveButtonPress(); return false;">Import Save</a>
    </div>
    <div id="importSaveContainer" class="exportImportSaveContainer">
        <label for="importSaveInput">Paste Exported Save to Import:</label>
        <input id="importSaveInput" style="width:450px;margin-top:5px;" type="text">

        <div id="importErrorMessage" style="font-weight:bold; color:red; display:none;">Error: Invalid Save Data.
        </div>
        <div id="importSuccessMessage" style="font-weight:bold; color:green; display:none;">Successfully Imported Save.
        </div>
        <div>
            <a href="index.html#" class="saveButton" style="margin-top:5px; float:left;"
               onclick="Game.onImportOkButtonPress(); return false;">Import
            </a>
            <a href="index.html#" class="saveButton" style="margin-top:5px; margin-left:5px; float:left;"
               onclick="Game.onImportCloseButtonPress(); return false;">Close
            </a>
        </div>
    </div>

    <div id="prestigeButtonContainer" class="saveButtonContainer" style="display:none;"></div>
    <div id="prestigeConfirmationContainer" class="exportImportSaveContainer" style="display:none;"></div>
</div>
<div id="miscContainer" class="sectionDiv" style="padding-bottom:10px;">
    <div class="sectionTitle">Misc</div>

    <p>
        Contact us <a href="mailto:contact@minmaxia.com">contact@minmaxia.com</a>
    </p>

    <p>
        Check out our in-development WebGL game <a href="http://www.minmaxia.com" target="_blank">MINMAXIA</a>!
    </p>

    <p>
        Check us out on Reddit: <a href="http://www.reddit.com/r/CLICKPOCALYPSE/"
                                   target="_blank">/r/CLICKPOCALYPSE</a>!
    </p>
</div>
<div id="versionContainer" class="sectionDiv" style="padding-bottom:10px;">
    <div class="sectionTitle">Change History</div>

    <p>
        Version 0.016 of Party Management [July 13, 2014]
    </p>
    <ul>
        <li>Added 'MGMT' (Management) tab that lets you swap in/out party members.</li>
        <li>Added total CPS and click damage info in the party stats table.</li>
        <li>Added some info about number of remaining characters when a character is encountered.</li>
    </ul>
    <p>
        Version 0.015 of A Single Character Start and Less Button Clicking [July 7, 2014]
    </p>
    <ul>
        <li>Start off with a single character and find friends along the way.</li>
        <li>Some artifacts stay with you on prestige.</li>
        <li>Added some convenience buttons to equip all dropped or cached items.</li>
        <li>Added a convenience button to activate all available abilities.</li>
        <li>Added a convenience button to buy all purchasable items, ordered by value (ΔCPS / gold).</li>
    </ul>
    <p>
        Version 0.014 of Quests and Artifacts [June 27, 2014]
    </p>
    <ul>
        <li>Added artifacts to find. They give you ambient abilities.</li>
        <li>Added cheesy quest system.</li>
        <li>Added nine more item quality levels.</li>
    </ul>
    <p>
        Version 0.013 of Occasional Treasure Chests [June 13, 2014]
    </p>
    <ul>
        <li>Added treasure chests to be found every once in a while.</li>
        <li>Slowed down the rate of finding machine parts.</li>
        <li>Hopefully fixed an issue preventing the game from working in IE8 (didn't work).</li>
    </ul>
    <p>
        Version 0.012 of Mechanical Parts and Prestige [June 09, 2014]
    </p>
    <ul>
        <li>Added boss hierarchy concept.</li>
        <li>Added dungeon concept.</li>
        <li>Added mechanical parts.</li>
        <li>Added end game (you can win now).</li>
        <li>Added 'prestige' system.</li>
        <li>Rebalanced monster EXP and HP.</li>
        <li>Rebalanced item CPS and cost.</li>
    </ul>
    <p>
        Version 0.011 of Rebalanced Experience [May 18, 2014]
    </p>
    <ul>
        <li>Fixed experience gained from murdering encounters.</li>
        <li>Added Delta CPS column in shop tables.</li>
        <li>Increased frequency of boss encounters.</li>
        <li>Increased goodness of boss drops.</li>
        <li>Fixed import save bug.</li>
    </ul>
    <p>
        Version 0.010 of Wretched Items [May 15, 2014]
    </p>
    <ul>
        <li>Many more item quality levels, including some really bad ones.</li>
        <li>Revamped character ability display.</li>
        <li>Added Item Cache to hold the best of the dropped items.</li>
        <li>Reduced frequency of boss encounters.</li>
    </ul>
    <p>
        Version 0.009 of Ability Cool Downs [May 09, 2014]
    </p>
    <ul>
        <li>Added cool down display for character abilities.</li>
        <li>Added basic XSS prevention to fields where you set your character names.</li>
        <li>Made it slightly less easy to cheat your way into a boss fight.</li>
        <li>Fixed store countdown bug on character tabs.</li>
        <li>Fixed some null pointer references.</li>
    </ul>
    <p>
        Version 0.008 of Less Clutter, Bugs and Exploits [May 07, 2014]
    </p>
    <ul>
        <li>Stuck the version and save buttons on a separate tab.</li>
        <li>Fixed attack button bug vs. the enter key.</li>
        <li>Fixed bug where character abilities don't always appear in table when available.</li>
        <li>Fixed bug where the character name would be in the wrong tab.</li>
        <li>Fiddled with game balance a bit.</li>
        <li>Reloading the game no longer restocks the store.</li>
        <li>Reloading the game no longer resets the character abilities.</li>
    </ul>
    <p>
        Version 0.007 of Party Building and Boss Fights [May 04, 2014]
    </p>
    <ul>
        <li>Removed item level restrictions, characters can equip what they find.</li>
        <li>Rebalanced item quality CPS values, low quality items will never be better than higher ones.</li>
        <li>Added character types.</li>
        <li>Added party selection and character naming.</li>
        <li>Added character abilities.</li>
        <li>Added party tab to reduce need to keep switching tabs.</li>
        <li>Added boss encounters.</li>
    </ul>
    <p>
        Version 0.006 of Shared Gold and Increased Balance [April 16, 2014]
    </p>
    <ul>
        <li>Characters pool their gold into one big pile.</li>
        <li>Monsters scale with highest level party member.</li>
    </ul>
    <p>
        Version 0.005 of Transparent Progress
    </p>
    <ul>
        <li>Added a countdown for new items in the shop.</li>
        <li>Fixed an item drop cleanup bug.</li>
        <li>Added a countdown for the next character level.</li>
        <li>Made items a bit more expensive, and enemies drop less gold.</li>
    </ul>
    <p>
        Version 0.004 of Many Changes
    </p>
    <ul>
        <li>Added support for saves, auto-saves, export/import, reset.</li>
        <li>Dumped item upgrade/enchant concept.</li>
        <li>Added item drops from encounters.</li>
        <li>Added an item shop for each character.</li>
        <li>Added item quality concept.</li>
        <li>Added item level concept.</li>
        <li>Characters level up automatically.</li>
        <li>Dumped Damage/Armor/Aura CPS concept. Too confusing.</li>
        <li>Lots of UI 'look &amp; feel' changes.</li>
    </ul>
    <p>
        Version 0.003 of Unbroken Names and Unfrozen Tabs
    </p>
    <ul>
        <li>Fixed issue where game progress froze when in background tab.</li>
        <li>Fixed item name bug for higher level items.</li>
    </ul>
    <p>
        Version 0.002 of Marginal Improvements
    </p>
    <ul>
        <li>Miscellaneous bug fixes.</li>
    </ul>
    <p>
        Version 0.001 of Woeful Incompletion
    </p>
    <ul>
        <li>Initial deployment of pre-alpha game.</li>
    </ul>
</div>
</div>
</div>
</td>
<!-- Right side of the screen. -->
<td style="vertical-align: top;min-width:600px;">
    <div class="tabMenu">
        <ul>
            <li id="tabParty" class="selectedTab"><a href="index.html#"
                                                     onclick="Game.displayCharacter(-1); return false;">Party</a>
            </li>
            <li id="tabChar0" style="display:none;"><a id="tabLink0" href="index.html#"
                                                       onclick="Game.displayCharacter(0); return false;"></a></li>
            <li id="tabChar1" style="display:none;"><a id="tabLink1" href="index.html#"
                                                       onclick="Game.displayCharacter(1); return false;"></a></li>
            <li id="tabChar2" style="display:none;"><a id="tabLink2" href="index.html#"
                                                       onclick="Game.displayCharacter(2); return false;"></a></li>
            <li id="tabChar3" style="display:none;"><a id="tabLink3" href="index.html#"
                                                       onclick="Game.displayCharacter(3); return false;"></a></li>
            <li id="tabChar4" style="display:none;"><a id="tabLink4" href="index.html#"
                                                       onclick="Game.displayCharacter(4); return false;"></a></li>
            <li id="tabChar5" style="display:none;"><a id="tabLink5" href="index.html#"
                                                       onclick="Game.displayCharacter(5); return false;"></a></li>
            <li id="tabChar6" style="display:none;"><a id="tabLink6" href="index.html#"
                                                       onclick="Game.displayCharacter(6); return false;"></a></li>
        </ul>
    </div>

    <div class="tabContent">
        <!-- ********************************************************************************* -->
        <!-- Party                                                                             -->
        <!-- ********************************************************************************* -->
        <div id="party_section" class="characterDiv">
            <div id="party_abilities_container"></div>
            <div id="party_statistics_container"></div>
            <div id="party_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 0                                                                       -->
        <!-- ********************************************************************************* -->
        <div id="char0_section" class="characterDiv">
            <div id="char0_title" class="sectionTitle">
                <span id="char0_name">Name</span>

                <div id="char0_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char0_ability_container"></div>
            <div id="char0_statistics_container"></div>
            <div id="char0_inventory_container"></div>
            <div id="char0_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 1 -->
        <!-- ********************************************************************************* -->
        <div id="char1_section" class="characterDiv">
            <div id="char1_title" class="sectionTitle">
                <span id="char1_name">Name</span>

                <div id="char1_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char1_ability_container"></div>
            <div id="char1_statistics_container"></div>
            <div id="char1_inventory_container"></div>
            <div id="char1_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 2 -->
        <!-- ********************************************************************************* -->
        <div id="char2_section" class="characterDiv">
            <div id="char2_title" class="sectionTitle">
                <span id="char2_name">Name</span>

                <div id="char2_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char2_ability_container"></div>
            <div id="char2_statistics_container"></div>
            <div id="char2_inventory_container"></div>
            <div id="char2_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 3 -->
        <!-- ********************************************************************************* -->
        <div id="char3_section" class="characterDiv">
            <div id="char3_title" class="sectionTitle">
                <span id="char3_name">Name</span>

                <div id="char3_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char3_ability_container"></div>
            <div id="char3_statistics_container"></div>
            <div id="char3_inventory_container"></div>
            <div id="char3_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 4 -->
        <!-- ********************************************************************************* -->
        <div id="char4_section" class="characterDiv">
            <div id="char4_title" class="sectionTitle">
                <span id="char4_name">Character Name</span>

                <div id="char4_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char4_ability_container"></div>
            <div id="char4_statistics_container"></div>
            <div id="char4_inventory_container"></div>
            <div id="char4_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 5 -->
        <!-- ********************************************************************************* -->
        <div id="char5_section" class="characterDiv">
            <div id="char5_title" class="sectionTitle">
                <span id="char5_name">Character Name</span>

                <div id="char5_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char5_ability_container"></div>
            <div id="char5_statistics_container"></div>
            <div id="char5_inventory_container"></div>
            <div id="char5_store_container"></div>
        </div>

        <!-- ********************************************************************************* -->
        <!-- CHARACTER 6 -->
        <!-- ********************************************************************************* -->
        <div id="char6_section" class="characterDiv">
            <div id="char6_title" class="sectionTitle">
                <span id="char6_name">Character Name</span>

                <div id="char6_level" class="currentLevel">Curr Level</div>
            </div>

            <div id="char6_ability_container"></div>
            <div id="char6_statistics_container"></div>
            <div id="char6_inventory_container"></div>
            <div id="char6_store_container"></div>
        </div>
    </div>
</td>
</tr>
</table>

</div>

<!-- ********************************************************************************* -->
<!-- Party Creation -->
<!-- ********************************************************************************* -->

<div id="partyCreationDisabledBackground" class="disabledBackgroundDiv"></div>
<div id="partyCreationDiv" class="partyCreationDiv">
    <div style="width:900px;margin: 10px auto 5px;">
        <div class="mainTitle">C L I C K P O C A L Y P S E</div>
        <div style="padding:5px;font-weight:bold;color:#800;">SELECT YOUR CHARACTER:</div>
    </div>
    <table id="partyButtonTable" class="partyButtonTable">
    </table>
    <div id="startQuestButtonDiv" style="text-align: center;"></div>
</div>

<div id="endGameDisabledBackground" class="disabledBackgroundDiv"></div>
<div id="end_game_container" class="endGameDiv"></div>

<script src="clickpocalypse-ver=20140715.js"></script>

<script type="text/javascript">
    // Attack a function to the onkeyup event so that we can switch tabs via the keyboard.
    document.onkeyup = Game.handleKeyPress;

    // Initialize things when the window has finished loading.
    window.onload = function () {
        Game.onLoad();
        Game.setSelectedTabId('tabParty'); // Let the game know which tab is selected initially.
    };
</script>
</body>

</html>